<html>
    <head>
        <meta charset="UTF-8">
        <title>Jquery测试</title>
        <script src="./jquery.min.js"></script>
    </head>
    <body>
        <P>
            <button id="button">隐藏</button>
        </P>
        <p>
            <img id="image" src="1.jpg">
        </p>


        <script>
            $("#button").on('click', function(){
                if($("#button").html()=='隐藏'){
                    $("#button").html('显示')
                    $('#image').hide()
                }else{
                    $("#button").html('隐藏')
                    $('#image').show()
                }
            })

  

            //ajax 请求 跨域问题
            //浏览器网址：http://127.0.0.1:9909/jquery.html
            //请求地址:http://127.0.0.1:9909/api/index
            setInterval(function(){
                    $.ajax({
                    url:'http://127.0.0.1:9909/api/index',
                    type:"get",
                    dataType:"json",
                    success:function(re){
                        $("#msg").html(re.data)
                    }
                })
            })


            // var imgVisible = true;
            // document.getElementById('button').onclick=function(){
            //     if(imgVisible == true){
            //         imgVisible = false;
            //         document.getElementById('image').style.display="none";
            //         document.getElementById('button').innerHTML = '显示'
            //     }else{
            //         imgVisible = true;
            //         document.getElementById('image').style.display="block";
            //         document.getElementById('button').innerHTML = '隐藏'
            //     }
            // }
        </script>
    </body>
</html>